.toast[data-v-4d19ed] {
	position: absolute;
	bottom: 30%;
	left: 50%;
	z-index: 99;
	transform: translate(-50%);
	padding: .26666667rem;
	border-radius: .13333333rem;
	background: #fff;
	box-shadow: 0 .10666667rem .21333333rem 0 #d8d6d6;
	font-size: .37333333rem;
	font-weight: 500
}

.box_tit[data-v-cd12ea] {
	margin: 0 auto;
	display: flex;
	align-items: center
}

.box_tit>img[data-v-cd12ea] {
	width: 1.33333333rem;
	height: 1.33333333rem;
	border-radius: 50%;
	margin-right: .26666667rem
}

.box_tit>h3[data-v-cd12ea] {
	font-size: .37333333rem;
	font-weight: 600;
	color: #000;
	line-height: .53333333rem
}

.answer_card[data-v-cd12ea] {
	padding: .34666667rem .48rem;
	height: 3.89333333rem;
	box-sizing: border-box;
	border-radius: .21333333rem;
	margin: .26666667rem auto 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.answer_title[data-v-cd12ea] {
	font-size: .37333333rem;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-break: break-all
}

.time[data-v-cd12ea] {
	font-size: .24rem;
	font-weight: 600;
	color: #c1c1c1
}

.answer_btn[data-v-cd12ea] {
	width: .13333333rem;
	height: .26666667rem;
	margin-left: auto
}

.ques_download[data-v-cd12ea] {
	width: 8.13333333rem;
	height: 1.06666667rem;
	display: block;
	margin: .8rem auto 0;
	border-radius: .10666667rem;
	font-size: .37333333rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.06666667rem;
	text-align: center
}

span[data-v-bea455] {
	font-size: .37333333rem;
	font-weight: 400;
	color: #fff
}

.wrapper[data-v-bea455] {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8.9vh .8rem 0 0;
	box-sizing: border-box
}

.jiantou[data-v-bea455] {
	margin-left: auto;
	margin-bottom: -.13333333rem;
	width: 2.32rem;
	height: 1.94666667rem
}

.flex-box[data-v-bea455] {
	display: flex;
	align-items: center
}

.flex-box>img[data-v-bea455] {
	width: .8rem;
	height: .8rem;
	margin: 0 .26666667rem
}

.broswer[data-v-bea455] {
	padding: .53333333rem 0 1.30666667rem
}

.btn[data-v-bea455] {
	width: 2.66666667rem;
	height: .8rem;
	border-radius: .4rem;
	border: 2px solid #fff;
	line-height: .8rem;
	text-align: center;
	font-size: .37333333rem;
	font-weight: 400;
	color: #fff
}

html {
	color: #303030;
	background: #fff
}

body {
	font-family: PingFang SC,miui,"system-ui",-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol
}

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,strong,td,textarea,th,ul {
	padding: 0;
	margin: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

a {
	text-decoration: none;
	color: #303030;
	outline: none;
	-webkit-tap-highlight-color:  rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent
}

em,strong,var {
	font-style: normal
}

address,caption,cite,code,dfn,em,optgroup,strong,th,var {
	font-style: inherit;
	font-weight: inherit
}

del,ins {
	text-decoration: none
}

li {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}

q:after,q:before {
	content: ""
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

sub,sup {
	vertical-align: baseline
}

legend {
	color: #000
}

button,input {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	-webkit-tap-highlight-color:  rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent
}

button,input,select,textarea {
	*font-size: 100%;
	outline: none
}

textarea {
	outline: none;
	resize: none
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1
}[v-cloak],audio {
	display: none
}

.bg_blue {
	background-color: #56bc9f
}

.bg_white,.btn_white {
	background-color: #fff
}

.btn_blue {
	background-color: #56bc9f
}

body,html {
	height: 100%;
	margin: 0;
	background-color: #fff
}

h2,h3,p {
	margin: 0
}

@media screen and (min-width:769px) {
	#questionBox,body {
		max-width: 750px;
		margin: 0 auto
	}

	html {
		font-size: 40px!important
	}

	.jump_btn {
		max-width: 750px
	}

	.bg_box,.jump_btn {
		left: 50%!important;
		transform: translate(-50%)
	}

	.bg_box {
		width: 750px!important
	}
}

body {
	height: 100%
}

#questionBox {
	position: relative;
	padding: 0 .96rem 1.86666667rem
}

#questionBox .jump_btn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.28rem;
	background: #56bc9f;
	font-size: .48rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.28rem;
	text-align: center;
	z-index: 9999
}

#questionBox .pagetip {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.9);
	z-index: 99999
}

#questionBox .pagetip img {
	float: right;
	width: 2.66666667rem;
	height: 2.66666667rem
}

#questionBox .pagetip div {
	width: 4.66666667rem;
	margin: 2.66666667rem auto 0;
	padding: .26666667rem 0;
	border: 2px dotted #fff;
	border-radius: .53333333rem;
	color: #fff;
	text-align: center;
	line-height: .8rem;
	font-size: .48rem
}

#questionBox .pagetip button {
	display: block;
	width: 4rem;
	height: .93333333rem;
	margin: 2.13333333rem auto 0;
	text-align: center;
	border: 1px solid #fff;
	border-radius: .4rem;
	background-color: transparent;
	color: #fff
}

#questionBox .card-box {
	padding-top: 24vh
}

.min {
	padding: 0 .53333333rem 1.86666667rem!important
}

.box-content {
	padding: 23vh 0 0
}

.quesstyle {
	padding: 10vh 0 0
}

.head_img {
	padding: .42666667rem .53333333rem 0
}

.head_img img {
	vertical-align: middle;
	margin-right: .21333333rem;
	display: inline-block;
	width: .96rem;
	height: .96rem;
	border-radius: 50%
}

.head_img span {
	font-size: .53333333rem;
	font-weight: 800;
	color: #333538;
	white-space: nowrap;
	letter-spacing: .02666667rem
}

.msg-waring {
	padding: .32rem .4rem;
	width: 8.93333333rem;
	height: 2.93333333rem;
	background: linear-gradient(90deg,#45e8c8,#8acaff 49%,#ff97ef);
	border-radius: .42666667rem;
	margin: 0 auto;
	font-size: .37333333rem;
	color: #000;
	line-height: .61333333rem
}

.msg-waring,.quiz {
	box-sizing: border-box;
	transition: all .3s
}

.quiz {
	position: relative;
	z-index: 99
}

.quiz .cardbg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-size: 100% 100%
}

.quiz .introduction {
	font-size: .42666667rem;
	padding: 1.6rem .85333333rem 0;
	line-height: .58666667rem;
	text-align: center;
	font-weight: 600;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word
}

.quiz .introductionmin {
	padding: .77333333rem .85333333rem 0
}

.quiz .quiz-tips {
	margin-top: 1.12rem;
	font-size: .32rem;
	font-weight: 600;
	line-height: .58666667rem;
	text-align: center
}

.quiz textarea {
	padding: .42666667rem;
	margin: .93333333rem auto 0;
	box-sizing: border-box;
	width: 8.08rem;
	height: 5.22666667rem;
	background: #f8f8f8;
	border-radius: .21333333rem;
	display: block;
	font-size: .37333333rem;
	color: #000;
	border: 0;
	font-weight: 500;
	line-height: .53333333rem
}

.quiz .quiz-button {
	margin: .53333333rem auto 0;
	width: 7.22666667rem;
	height: 1.06666667rem;
	background: #56bc9f;
	border-radius: .53333333rem;
	font-size: .37333333rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.06666667rem;
	text-align: center;
	letter-spacing: .02666667rem
}

.quiz .no_btn {
	background-color: #ccc
}

.box-name {
	font-size: .42666667rem;
	font-weight: 600;
	color: #c1c1c1;
	line-height: .58666667rem;
	margin: .53333333rem 0;
	display: block
}

.box-name,.tost {
	text-align: center
}

.tost {
	position: fixed;
	z-index: 9999;
	left: 50%;
	top: 50%;
	width: 6.66666667rem;
	padding: .13333333rem .26666667rem;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	line-height: .61333333rem;
	border-radius: .24rem;
	color: #fff;
	background: rgba(0,0,0,.8);
	font-size: .48rem
}

.bg_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.bg_box .bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.modal {
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5)
}

.modal .modal_box {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%);
	padding: .48rem .4rem .53333333rem;
	width: 8rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	border-radius: .26666667rem
}

.modal .modal_title {
	font-size: .48rem;
	font-weight: 600;
	color: #56bc9f
}

.modal .modal_content {
	margin-top: .64rem;
	font-size: .37333333rem;
	font-weight: 400;
	color: #333;
	line-height: .53333333rem
}

.modal .modal_opt {
	width: 100%;
	padding: 1.41333333rem .72rem 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between
}

.modal .modal_opt>button {
	border: 0;
	padding: .13333333rem .29333333rem;
	border-radius: .4rem;
	font-size: .37333333rem;
	font-weight: 600;
	color: #fff
}

.modal .modal_opt>button:first-child {
	background: #7b8087
}

.modal .modal_opt>button:last-child {
	background: #56bc9f
}